@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: 'Segoe UI';
   src: url(../fonts/segoeui.ttf) format('truetype');
   font-family: 'Franklin Gothic';
   src: url(../fonts/FranklinGothic_DemiCond.woff.ttf) format('truetype');
   font-family: 'Geometr';
   src: url(../fonts/tt0524m_.ttf) format('truetype');
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../font/SourceHanSansCN-ExtraLight.otf"),
}

body{ font-family: "SourceHanSansCN", "Microsoft YaHei", Tahoma, Geneva, sans-serif; color:#333}
img{ max-width:100%}
ul,li,dl,dt,dd,ol,p{ list-style:none; margin:0px; padding:0px;}
h1,h2,h2,h3{ margin:0px; padding:0px;}
a{ color:#333}
a:hover{ color:#f90; transform: scale(1.0); transition: all 0.3s linear;}

.fl{ float:left}
.fr{ float:right;}

.top{ width:100%; background-color:#f4f4f4; border-bottom:solid #ddd 1px; padding:8px 0 9px 0}
.top .top_2{ text-align:right;}

.top{ width:100%; background-color:#f4f4f4; border-bottom:solid #ddd 1px; padding:8px 0 9px 0}
.top .top_2{ text-align:right;}

.header_2{ padding-top:14px;}
.header_2 i{ font-size:44px; color:#325dc6; margin-right:12px; margin-top:4px;}
.header_2 p span{ color:#325dc6; font-size:22px;}

.logo_small{ display:none;}
.logo_m{ display:none;}
.menu-m{ display:none;}

.header{ padding-top:10px; padding-bottom:8px;}

.menu{ width:100%; background-color:#325dc6}

.fixed{ width:100%; position:fixed; top:0; z-index:999999;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
  text-align:center;
}
#cssmenu > ul > li {
  display:inline-block;
  background:url(../images/nav_bg.png) no-repeat right;
}
#cssmenu > ul > li:last-child{ background:none;}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:16px 35px 17px 35px;  margin:0px 6px 0 0px; font-size:16px; height:auto;
  color:#fff; text-transform:uppercase; font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color:#333;
  background-color:#f9b200
}
#cssmenu ul .cur a{ color:#333; background-color:#f9b200}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul{ padding:3px 5px 6px 5px; width:110%; background-color:#017dc5; z-index:9999}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
  padding:6px 0 6px 0;
  border-bottom:dotted #ddd 1px;
  text-align:center;
}
#cssmenu ul ul li a {
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  line-height:18px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #fac907;
}
#cssmenu ul .cur ul li a{ background:none; color:#fff}
#cssmenu ul .cur ul li a:hover{ color:#fc6}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}

.sp_header{overflow:hidden;background:#fff; position:absolute; z-index:9999999; right:15px; top:18px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top:10px;}
.sp_nav span{display:block;background:#325dc6;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;background:#eee;width:100%;height:calc(90% - 104px);font-size:14px;line-height:36px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index:99999; padding-top:5px;}
.m-fixed{ position:fixed;}
.nav_show{top:0px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; line-height:16px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;font-size:13px; padding-left:20px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555; cursor:pointer}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-32px; position:relative;z-index:100;margin-bottom:14px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: 0.6;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 30px;
width: 30px;
background: transparent url("../images/arrows.png") no-repeat left top;
display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}


/**/
.about_top{ width:100%; border-bottom:solid #ddd 1px;}
.about_top_1{ width:100%; background-color:#325dc6; padding:30px 20px 40px 20px; color:#fff; margin-top:-70px; position:relative; z-index:9999}
.about_top_1 p{ text-align:center; font-size:40px; padding-top:15px;}
.about_top_1 p span{ font-size:20px; text-transform:uppercase; width:100%; display:block; padding-top:10px;}

.about_top_2 p{ color:#666; line-height:26px; padding-top:24px;}
.about_top_2 .more{ width:118px; display:block; background-color:#325dc6; border:solid #325dc6 1px; border-radius:26px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:10px;}
.about_top_2 .more:hover{ text-decoration:none; background-color:#fff; color:#325dc6}

/**/
.title{ text-align:center; margin-top:38px;}
.title h3{ font-size:32px; color:#325dc6; padding-bottom:7px;}
.title p{ color:#888; width:100%; margin:auto; padding-top:8px; font-size:14px; line-height:23px;}
.title span{ font-family:Tahoma, Geneva, sans-serif; color:#888; text-transform:uppercase; padding-top:7px; display:block; font-size:17px;}

/**/
.pro_x{ margin-top:33px; width:100%;}
.pro_con {
  height: auto;
  overflow: hidden;
}
.pro_c {
  height: auto;
  overflow: hidden;
  margin-bottom: 36px;
}
.pro_c dl dt {
	width:580px;
}
.pro_c dl{ width:100%; min-height:420px;}
.pro_c dl dt img {
  border: 3px solid #dcdcdc;
}
.pro_c dl dd {
  overflow: hidden;
  width:555px;
}
.pro_c dl dd h3 {
  font-size: 22px;
  color: #ffff;
  font-weight: bold;
  padding-top:10px;
  padding-bottom:5px;
}
.pro_c dl dd p {
  overflow: hidden;
  font-family: "Microsoft YaHei";
  line-height: 30px;
  font-size: 14px;
}
.pro_c dl dd p b {
  width: 70px;
  display: block;
  color: #666;
}
.pro_c dl dd p em {
  width: 382px;
  display: block;
  font-weight: normal;
}
.pro_link a {
  color: #fff;
  display: inline-block;
  height:auto;
  overflow: hidden;
  background:#325dc6;
  width:130px;
  text-align:center;
  font-size:14px;
  border-radius:28px;
  padding:5px 0 5px 0;
  border:solid #325dc6 1px;
  margin-top:14px;
}
.pro_link a:hover{ background-color:#fff; color:#325dc6; text-decoration:none;}
.pro_q {
  height: auto;
  position: relative;
}
.pro_desc {
  overflow: hidden;
  padding-top:2px;
}
.pro_desc ol{ margin-top:8px;}
.pro_desc ol ot{ width:100%; color:#325dc6; font-size:16px;}
.pro_desc ol li{ font-size:14px; line-height:26px; padding-top:8px;}
.pro_con dl dd h3{ font-size:18px; font-weight:normal;}
.pro_q ul li {
  line-height: 0;
  float: left;
  margin-right:29px;
  overflow: hidden;
  text-align:center;
}
.pro_q ul li.last {
  margin-right: 0;
}
.pro_q ul li:last-child{ margin-right: 0;}
.pro_q ul li img {
  width: 210px;
  height: auto;
  border: 3px solid #dcdcdc;
}
.pro_q ul li img:hover,
.pro_q .cur img {
  border: 3px solid #325dc6;
}
.pro_q ul li span {
  height: 40px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #212121;
  line-height: 40px;
  overflow: hidden;
}

.pro_x_m{ display:none}


/**/
.features{ width:100%; background:url(../images/bg_1.jpg) no-repeat center top fixed; margin-top:32px; padding-bottom:40px;}
.features_title{ text-align:center; padding-top:30px;}
.features_title p{ font-size:30px; color:#325dc6; text-transform:uppercase}
.features_title h3{ font-size:32px; padding-top:2px; padding-bottom:30px;}

.features_top_l{ height:245px; overflow:hidden; padding-right:0}
.features_top_c{ height:245px; background-color:#fff; overflow:hidden;}
.features_top_r{ height:245px; overflow:hidden; padding-left:0}

.features_bottom_l{ padding-right:0}
.features_bottom_l_main{ background-color:#fff; height:245px; overflow:hidden; padding:36px 25px 0 25px;}
.features_bottom_l_main h3{ font-size:20px; color:#325dc6}
.features_bottom_l_main p{ color:#777; font-size:14px; line-height:25px; padding-top:10px;}

.features_bottom_c{ height:245px; overflow:hidden; padding-left:0; padding-right:0}
.features_bottom_c img{ width:100%}
.features_bottom_r{ padding-left:0}
.features_bottom_r_main{ background-color:#fff; height:245px; overflow:hidden; padding:36px 25px 0 25px;}
.features_bottom_r_main h3{ font-size:20px; color:#325dc6}
.features_bottom_r_main p{ color:#777; font-size:14px; line-height:25px; padding-top:10px;}

.features_top_c_main{ padding:36px 10px 0 10px;}
.features_top_c_main h3{ font-size:20px; color:#325dc6}
.features_top_c_main p{ color:#777; font-size:14px; line-height:25px; padding-top:10px;}

/**/
.pro_img{ cursor: pointer; overflow: hidden; position: relative;}
.pro_img img{width:100%;top: 0;position: relative;left: 0; -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s}
.pro_img img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/**/
.solution-box{background: #373d41;margin:25px 0 0 0;}
.solution-cut{width:1170px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{background: #325dc6;color: #fff;}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size:18px;position: absolute;width: 100%;left: 0;top: 55%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 13px;left: 10%;top: 70%;opacity: 0;transition: .3s; line-height:24px;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 14px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li:hover span{background: rgba(50, 93, 198, .80);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}

/*@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px; line-height:22px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}*/
@media(min-width:768px) and (max-width:992px){.solution-cut{width: 700px;}.solution-box ul li h3{font-size: 16px;}.solution-box ul li p{ display:none;}.solution-box ul li a{ font-size:13px;width:60%; margin:-30px 0 0 -42px;}}
@media(min-width:992px) and (max-width:1200px){.solution-cut{width: 960px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px; line-height:20px; height:57px; overflow:hidden;}}
@media(max-width:768px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}

.fa-back:before{content: "<";}
.fa-more:before{content: ">";}


/**/
.advant_title{ width:100%; background:url(../images/bg_1.png) no-repeat center; height:132px; margin-bottom:26px;}

.advant_l{ text-align:right; color:#fff; padding-right:42px; padding-top:33px;}
.advant_l h3{ font-size:36px;}
.advant_l p{ font-size:15px; padding-top:4px;}

.advant_r{ color:#fff; padding-left:20px; padding-top:28px;}
.advant_r dl dt{ font-size:44px; float:left}
.advant_r dl dd{ float:left; width:51%; padding-top:6px; padding-left:15px;}
.advant_r dl dd h3{ font-size:18px;}
.advant_r dl dd p{ font-size:12px; padding-top:3px;}

.advant_title_m{ display:none}

/**/
.advant_1{ padding-top:25px;}
.advant_content_2{ padding-top:45px;}
.advant_content_2 dl dt span{ width:85px; height:78px; float:left; background:url(../images/icon_2.png) no-repeat; font-size:28px; padding-top:18px; padding-left:22px; color:#fff}
.advant_content_2 dl dt div{ padding:12px 0 0 20px; float:left}
.advant_content_2 dl dt div h3{ font-size:26px; color:#325dc6}
.advant_content_2 dl dt div p{ color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; padding-top:5px;}

.advant_content_2 dl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .advant_content_2 dl{zoom: 1;}
*:first-child + html .advant_content_2 dl{zoom: 1;}

.advant_content_main{ font-size:15px; line-height:28px; color:#777; padding-top:20px;}

.advant_content_2 .more{ width:126px; display:block; border:solid #ddd 1px; text-align:center; border-radius:28px; font-size:14px; padding:4px 0 5px 0; margin-top:12px;}
.advant_content_2 .more:hover{ border:solid #325dc6 1px; background-color:#325dc6; color:#fff; text-decoration:none;}


/**/
.news_1{ width:100%; height:auto; border-bottom:solid #ddd 1px; font-size:16px; padding-top:15px; padding-bottom:10px; margin-top:14px;}
.news_1:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .news_1{zoom: 1;}
*:first-child + html .news_1{zoom: 1;}

.news_1 .fr{ color:#888; font-size:12px; padding-top:3px;}

.news_2 img{ width:100%; margin-top:15px;}
.news_3 dl{ border-bottom:dashed #ccc 1px; padding-top:10px; padding-bottom:10px; font-size:13px;}
.news_3 dl dt{ float:left; font-weight:normal}
.news_3 dl dd{ float:right; color:#888}
.news_3{ padding-top:5px;}

.news_3 dl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .news_3 dl{zoom: 1;}
*:first-child + html .news_3 dl{zoom: 1;}

/**/
.about_index{ width:100%; background:url(../images/bg_3.png) no-repeat center top; margin-top:46px; padding-bottom:30px; min-height:640px;}

.about_title{ width:100%; padding-top:12px;}
.about_title div{ font-size:20px; color:#888}
.about_title p{ padding-top:6px;}
.about_title p em{ font-size:32px; color:#325dc6; font-style:normal}
.about_title p span{ font-family:Tahoma, Geneva, sans-serif; color:#888; font-size:20px; margin-left:22px;}

.about_content{ width:58%; padding-top:65px; text-align:center; font-size:18px; color:#fff}
.about_content span{ color:#f9b200; font-size:39px; font-weight:lighter}
.about_content sup{ vertical-align:super; color:#ddd; font-size:16px;}

.about_content_1{ width:58%; color:#fff; font-size:14px; line-height:30px; padding-top:40px;}

.about_more{ width:118px; display:block; background-color:#f9b200; border:solid #f9b200 1px; border-radius:26px; text-align:center; color:#fff; padding:4px 0 4px 0; margin-top:18px; color:#333}
.about_more:hover{ text-decoration:none; background-color:#fff;}

/**/
.process dl{ text-align:center}
.process dl dt{ display:inline-block; width:68px; text-align:center}
.process dl dd{ display:inline-block; padding:0px 33px 0 33px;}
.process dl dt img{ border-radius:50%; border:solid #ccc 1px; margin-top:34px;}
.process dl dt img:hover{ border:solid #325dc6 1px;}
.process dl dt h3{ font-size:15px; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px; padding:6px 0 6px 0; margin-top:14px; width:60px;}

.process .more{ display:block; text-align:center; background-color:#325dc6; border:solid #325dc6 1px; width:133px; margin:34px auto 0 auto; padding:5px 0 4px 0; border-radius:28px; text-transform:uppercase; font-size:14px; color:#fff}
.process .more:hover{ background:none; text-decoration:none; color:#325dc6}

/**/
.foot_1{ width:100%; background-color:#325dc6; margin-top:110px; padding-bottom:30px;}

.foot_1_feed{ width:100%; background:url(../images/bg_2.png) no-repeat top right; margin-top:-59px;}
.foot_1_feed_main{ width:calc(100% - 21px); text-align:center; padding:20px 15px 18px 15px}
.foot_1_feed_main p{ font-size:14px; line-height:24px; padding-top:14px; padding-bottom:15px;}

.foot_1_feed_main_form_1 input{ width:100%; background-color:#fff; padding:3px 0 2px 0; border:solid #fff 1px;}
.foot_1_feed_main_form_2 input{ width:100%; background-color:#325dc6; color:#fff; text-align:center; border:0; padding:4px 0 4px 0}
.foot_1_feed_main_form_1{ padding-right:0}
.foot_1_feed_main_form_2{ padding-left:0}

/**/
.foot_r{ margin-top:-40px;}
.foot_r i{ font-size:18px; color:#888}
.foot_r span{ color:#325dc6; font-size:15px;}

/**/
.foot_r_content{ width:100%; padding-top:43px;}
.foot_r_content h3{ color:#fff; font-size:17px; padding-bottom:7px;}
.foot_list a{ color:#ccc;}
.foot_list a:hover{ color:#f9b200;}

.foot_list_li{ padding-top:8px;}

/**/
.foot_2{ width:100%; background-color:#333; text-align:center; color:#fff; padding:13px 0 13px 0; font-size:13px;}
.foot_2 a{ color:#fff}
.foot_2 a:hover{ color:#fd9}

/**/
.banner_in{ width:100%; min-height:340px;}
.banner_in_1{ background:url(../images/banner_in_1.jpg) no-repeat center top;}
.banner_in_2{ background:url(../images/banner_in_2.jpg) no-repeat center top;}
.banner_in_3{ background:url(../images/banner_in_3.jpg) no-repeat center top;}
.banner_in_4{ background:url(../images/banner_in_4.jpg) no-repeat center top;}
.banner_in_5{ background:url(../images/banner_in_5.jpg) no-repeat center top;}
.banner_in_6{ background:url(../images/banner_in_6.jpg) no-repeat center top;}
.banner_in_7{ background:url(../images/banner_in_7.jpg) no-repeat center bottom;}

/**/
.left_1{ width:100%; background-color:#325dc6; text-align:center; color:#fff; padding:35px 0 35px 0; margin-top:-50px;}
.left_1 h3{ font-size:28px;}
.left_1 p{ color:#ddd; font-size:14px; padding-top:5px; text-transform:uppercase}

.left_2 ul li a{ width:100%; display:block; background-color:#eee; margin-top:2px; padding:7px 0 8px 15px;}
.left_2 ul li a:hover{ background-color:#325dc6; color:#fff; text-decoration:none;}

.left_3{ width:100%; background:url(../images/contact-z1.jpg) no-repeat left; min-height:140px; margin-top:18px; padding:46px 0 0 80px;}
.left_3 h3{ font-size:18px; color:#325dc6}
.left_3 p{ font-size:20px;}

/**/
.location{ width:100%; border-bottom:solid #ddd 1px; padding:13px 0 11px 0}

/**/
.pro_in{ width:100%; margin-top:20px; border-bottom:dashed #d5d5d5 1px; padding-bottom:20px;}
.pro_in .pro_img{ border:solid #ddd 1px; padding:1px;}
.pro_in .pro_img img{ width:100%;}
.pro_in h3{ font-size:15px;}
.pro_in h3 a{ color:#325dc6}
.pro_in h3 a:hover{ color:#fb6}
.pro_in p{ font-size:12px; color:#777; padding-top:6px; line-height:22px;}

.pro_in .more{ display:block; text-align:center; background-color:#325dc6; border:solid #325dc6 1px; width:133px; margin-top:15px; padding:5px 0 4px 0; border-radius:28px; text-transform:uppercase; font-size:14px; color:#fff}
.pro_in .more:hover{ background:none; text-decoration:none; color:#325dc6}

/**/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}
.page-num, .page-link {
	position: relative;
	padding: 5px 10px 5px 10px;
	color: #325dc6;
	border: 1px solid #325dc6;
	display: inline-block;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #325dc6;
	border-color: #325dc6;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}

/**/
.detail_in_1{ padding-top:25px;}

.detail_in_2{ padding-top:15px;}
.detail_in_2 dl{ width:100%; border-bottom:dashed #d3d3d3 1px; padding:12px 0 10px 0;}
.detail_in_2 dl dt{ font-size:15px; font-weight:lighter}
.detail_in_2 dl dd{ font-size:16px; font-weight:lighter; color:#325dc6; padding-top:4px;}
.detail_in_2 p{ color:#777; line-height:22px; padding-top:4px; font-size:12px;}

.pro_contact_1{ width:100%; background-color:#325dc6; border-radius:28px; text-align:center; color:#fff; padding:8px 0 8px 0; margin-top:25px;}
.pro_contact_2{ color:#777; font-size:13px; text-align:center; padding-top:12px;}
.pro_contact_3{ width:100%; text-align:center; line-height:22px; padding-top:8px;}

.proimg-move{ display:none;}

/**/
.pinfo_1{ width:100%; border-bottom:solid #ddd 1px; color:#325dc6; font-size:16px; padding:19px 0 10px 0; font-weight:bold}
.pinfo_2{ width:100%; font-size:14px; line-height:26px; padding-top:13px;}

/**/
.next_one{ width:100%; border-top: solid #325dc6 1px; margin-top:24px; padding-top:11px;}
.next_one p{ padding:3px 0 3px 0}

/**/
.case_in{ width:100%; border:solid #ddd 1px; padding:15px; margin-top:20px;}
.case_in img{ width:100%}
.case_in h3{ font-size:16px; padding-top:12px;}
.case_in p{ color:#777; font-size:12px; line-height:21px; padding-top:6px;}
.case_in .more{ display:block; text-align:center; background-color:#325dc6; border:solid #325dc6 1px; width:120px; margin-top:12px; padding:5px 0 5px 0; text-transform:uppercase; font-size:13px; color:#fff}
.case_in .more:hover{ background:none; text-decoration:none; color:#325dc6}

/**/
.caseinfo_1{ width:100%; text-align:center; padding-top:22px;}
.caseinfo_1 img{ border:solid 2px #ddd; padding:1px;}
.caseinfo_1 h3{ font-size:15px; padding-top:8px;}

/**/
/**/
.app_use{ width:100%; height:auto; background-color:#eee; margin-top:24px; padding-bottom:22px; margin-bottom:-26px;}
.titleall{ width:18%; height:auto; background-color:#325dc6; margin:auto; text-align:center; color:#fff; font-size:16px; padding-top:5px; padding-bottom:7px; border-radius:0px 0px 6px 6px;}

.apply{ background-color:#ddd; padding:20px; border-radius:3px;}
.apply_1{ width:100%; height:auto; background-color:#fff; border:solid #ccc 2px; padding:6px 15px 9px 15px;}
.apply_1 ul li{ border-bottom:solid #ddd 1px; padding:7px 0 8px 0;}

.apply,.apply_2{ margin-top:30px; margin-bottom:14px;}

.apply_2{ width:100%; height:auto; background-color:#fff; -moz-box-shadow:0px 0px 20px #ccc; -webkit-box-shadow:0px 0px 20px #ccc; box-shadow:0px 0px 20px #ccc; border-radius:3px; padding:15px 15px 12px 15px;}
.apply_2 h3{ font-size:16px; padding-top:13px;}
.apply_2 p{ color:#777; font-size:12px; line-height:21px; padding-top:6px;}

.apply_img{ cursor: pointer; overflow: hidden; position: relative;}
.apply_img img{width:100%;top: 0;position: relative;left: 0; -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s;}
.apply_img img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/**/
.service_1{ padding-top:24px;}
.service_1 h3{ font-size:22px;}
.service_1 p{ color:#777; font-size:13px; line-height:25px; padding-top:12px;}
.service_2{ padding-top:25px;}

/**/
.news_in{ width:100%; margin:20px 0 15px 0}
.news_in .news_date{ width:68px; height:68px; text-align:center; background-color:#325dc6; padding-top:13px; border:solid #325dc6 1px;}
.news_in .news_date h3{ color:#f9b200; font-size:20px;}
.news_in .news_date p{ color:#fff; font-size:14px; padding-top:4px;}

.news_in .news_content{ padding-left:30px;}
.news_in .news_content h3{ font-size:16px; padding-top:3px;}
.news_in .news_content p{ color:#777; line-height:20px; font-size:12px; padding-top:5px;}

.news_in:hover .news_date{ background-color:#fff; transform: scale(1.0); transition: all 0.3s linear;}
.news_in:hover .news_date h3{ color:#325dc6}
.news_in:hover .news_date p{ color:#888}

/**/
.newsinfo_1{ width:100%; font-size:20px; padding:18px 0 6px 0; color:#325dc6; text-align:center}
.newsinfo_2{ color:#777; background-color:#eee; font-size:13px; padding:10px 15px 10px 15px; margin-top:15px; line-height:24px; border:solid #ddd 1px;}
.newsinfo_3{ width:100%; font-size:14px; padding-top:14px; line-height:26px;}
.newsinfo_2 b{ font-size:14px;}


/**/
.about_in_1{ width:100%; margin-top:25px;}
.about_in_1 ul li a{ width:20%; float:left; display:block; background-color:#f2f2f2; border-right:solid #ddd 1px; text-align:center; padding:12px 0 12px 0; font-size:16px;}
.about_in_1 ul li:last-child a{ border:0}
.about_in_1 ul li a:hover{ background-color:#325dc6; color:#fff; text-decoration:none;}
.about_in_1 ul .cur a{ background-color:#325dc6; color:#fff}

.about_in_1:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .about_in_1{zoom: 1;}
*:first-child + html .about_in_1{zoom: 1;}

/**/
.about_in_title{ width:100%; text-align:center; padding:35px 0 15px 0}
.about_in_title h3{ font-size:28px;}
.about_introduct{ font-size:14px; line-height:27px; padding-top:16px; padding-bottom:12px;}
.about_introduct_2 img{ border:solid #ddd 3px; margin:5px 0 0 0; width:100%}

.about_feature{ text-align:center; margin-top:15px;}
.about_feature h3{ font-size:16px; padding-top:8px;}

.about_feature_1{ width:100%; background-color:#325dc6; color:#fff; margin:auto; font-size:42px; border-radius:10px; padding:25px 0 25px 0}

/**/
.culture{ width:100%; background-color:#325dc6; border-radius:6px; text-align:center; color:#fff; padding:20px; margin-top:22px; min-height:328px;}
.culture h3{ font-size:24px; color:#f9b200; padding-top:3px;}
.culture p{ font-size:14px; line-height:23px; padding-top:12px;}
.culture i{ font-size:26px; margin-top:13px; color:#eee}

/**/
.highslide-gallery{ text-align:center; margin-top:15px;}
.highslide-gallery img{ margin-bottom:7px; border:solid #ddd 3px;}
.highslide-gallery span{ font-size:14px;}

/**/
.job_1{ width:100%; background-color:#f2f2f2; padding:20px 20px 15px 20px; margin-top:25px;}
.job_1 h3{ font-size:22px;}
.job_1 p{ color:#777; font-size:13px; line-height:25px; padding-top:12px;}

.job_list{ width:100%; padding:20px 20px 15px 20px; margin-top:18px; border:solid #ddd 1px;}
.job_list h2{ color:#325dc6; font-size:20px;}
.job_list .job_list_1 h3{ font-size:16px; padding-top:13px;}
.job_list .job_list_1 .job_content{ padding-top:8px; color:#666; font-size:13px; line-height:24px;}
.job_list:hover{ border:solid #325dc6 1px;}

/**/
.contact_in0{ padding-top:28px; padding-bottom:6px;}
.contact_in2{ padding-top:39px;}
.contact_in2 p{ color:#325dc6; font-size:20px;}
.contact_in2 p span{ text-transform:uppercase; color:#888; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}
.contact_in2 div{ color:#666; line-height:26px; padding-top:10px;}

/**/
.contact_in{ width:100%; border:solid #ddd 1px; border-radius:8px; text-align:center; padding:15px 0 12px 0; background-color:#f2f2f2; margin-top:22px; height:175px;}
.contact_in h3{ color:#325dc6; font-size:38px;}
.contact_in p{ font-size:14px; line-height:26px; padding-top:12px;}

.contact_in img{ width:90px;}

/**/
.contact_agent{ width:100%; border:solid #ddd 1px; margin-top:23px; border-radius:10px; overflow:hidden}
.contact_agent .contact_agent_title{ width:100%; background-color:#325dc6; border-bottom:solid #ddd 1px; color:#fff; font-size:15px; padding:8px 0 8px 15px;}
.contact_agent .contact_agent_content{ width:100%; font-size:14px; line-height:26px; padding:8px 10px 10px 15px; height:97px;}

/**/
.contact_service{ width:100%; background-color:#f2f2f2; margin-top:28px;}

.contact_service_content{ text-align:center; padding-bottom:25px;}
.contact_service_content i{ color:#325dc6; font-size:52px; font-weight:lighter; margin-top:32px;}

.contact_service_content h4{ font-size:18px;}
.contact_service_content .contact_service_p{ color:#777}

.baidu-maps{ width:100%; height:350px; border:solid #ddd 1px; margin-top:25px;}

/**/
.service_in{ width:100%; background-color:#f2f2f2; margin-top:32px;}

.service_in_list{ width:100%; text-align:center; padding-top:32px;}
.service_in_list .pro_img{ width:50%; border-radius:50%; border:solid #ddd 1px; margin:auto}
.service_in_list h3{ font-size:19px; padding-top:15px;}
.service_in_list p{ font-size:14px; padding-bottom:28px; padding-top:7px; color:#777}

.service_in_info{ width:100%; background-color:#f2f2f2; margin-top:30px; padding:15px 0 25px 0}

.contact_more{ width:118px; display:block; background-color:#325dc6; border:solid #325dc6 1px; border-radius:26px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:14px;}
.contact_more:hover{ text-decoration:none; background-color:#fff; color:#325dc6}

/**/
.feedback{ padding-top:20px;}
.feedback input[type='text']{ width:100%; border:solid #ddd 1px; padding:8px 8px 8px 5px; font-size:14px; margin-top:10px; margin-bottom:12px;}
.feedback input[type='text']:hover{ border:solid #325dc6 1px; background-color:#f2f2f2}
.feedback b{ font-size:15px;}
.feedback textarea{ width:100%; border:solid #ddd 1px; padding:8px 8px 8px 5px; font-size:14px; margin-top:10px; margin-bottom:12px; min-height:100px;}
.feedback textarea:hover{ border:solid #325dc6 1px; background-color:#f2f2f2}

.feedback input[type='submit']{ width:118px; display:block; background-color:#325dc6; border:solid #325dc6 1px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:6px;}
.feedback input[type='submit']:hover{ text-decoration:none; background-color:#fff; color:#325dc6}

/**/
.service_2_list{ padding-top:25px;}

/**/
.service_list{ width:100%; background-color:#fff; padding:20px; margin:24px 0 26px 0; height:285px;}
.service_list h4{ text-align:center; font-size:18px; padding-bottom:10px;}
.service_list p{ color:#777; padding-top:8px; line-height:20px;}

/**/
.repair_1{ width:100%; text-align:center;}
.repair_1 ul li{ display:inline-block; text-align:center; border:solid #ddd 1px; padding:7px 14px 7px 14px; background-color:#fff; margin:15px 10px 15px 10px;}

.repair_2{ padding-bottom:22px;}
.repair_2 p{ color:#666; padding:14px 0 14px 0}
.repair_2 b{ font-size:15px;}
.repair_2 textarea{ width:100%; border:solid #ddd 1px; padding:7px 8px 7px 5px; font-size:14px; margin-top:10px; margin-bottom:14px; min-height:100px;}
.repair_2 textarea:hover{ border:solid #ccc 1px;}

.repair_2 input[type='text']{ width:100%; border:solid #ddd 1px; padding:7px 8px 7px 5px; font-size:14px; margin-top:10px; margin-bottom:14px;}
.repair_2 input[type='text']:hover{ border:solid #ccc 1px;}

.repair_2 input[type='submit']{ width:118px; display:block; background-color:#325dc6; border:solid #325dc6 1px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:6px;}
.repair_2 input[type='submit']:hover{ text-decoration:none; background-color:#fff; color:#325dc6}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


@media (max-width:768px)
{
	.container{padding-right:15px;padding-left:15px;}
	.top{ text-align:center; padding-top:10px;}
	.top .top_2{ text-align:center; padding-top:4px;}
	
	.logo_big{ display:none;}
	.logo_m{ display:block;}
	.top_tel{ display:none;}
	
	.menu-m{ display:block}
	
	.about_top_1{ display:none;}
	.about_top_2 p{ padding-top:15px; line-height:24px;}
	.about_top{ padding-bottom:19px;}
	
	.title h3{ font-size:26px;}
	
	.pro_x{ display:none}
	.pro_x_m{ display:block; text-align:center;}
	.pro_x_m_1{ padding-top:15px;}
	.pro_x_m img{ width:100%; border:solid #ddd 2px; margin-bottom:2px;}
	.pro_x_m h3{ font-size:14px; padding-top:7px;}
	
	.features_title p{ font-size:21px;}
	.features_top_l{ padding-right:15px; height:auto}
	.features_top_c{ background:none; height:auto}
	.features_top_c .features_top_c_main{ background-color:#fff}
	.features_top_r{ height:auto; padding-left:15px}
	
	.features_bottom_l{ padding-right:15px;}
	.features_bottom_l_main{ height:auto}
	
	.features_bottom_c{ height:auto; padding-left:15px; padding-right:15px;}
	
	.features_bottom_r{ padding-left:15px;}
	.features_bottom_r_main{ height:auto}
	
	.features_top_c_main{ padding:15px;}
    .features_top_c_main h3{ font-size:16px;}
    .features_top_c_main p{ font-size:12px; line-height:21px; padding-top:7px;}
	
	.features_bottom_l_main{ padding:15px;}
    .features_bottom_l_main h3{ font-size:16px;}
    .features_bottom_l_main p{ font-size:12px; line-height:20px; padding-top:7px;}
	
	.features_bottom_r_main{ padding:15px;}
    .features_bottom_r_main h3{ font-size:16px;}
    .features_bottom_r_main p{ font-size:12px; line-height:20px; padding-top:7px;}
	
	/**/
	.advant_title{ display:none;}
	.advant_title_m{ display:block;}
	
	.advant_title_m_1{ width:100%; background-color:#f9b200; color:#fff; padding:16px 0 14px 0;}
	.advant_title_m_1 h3{ font-size:22px;}
	.advant_title_m_1 p{ font-size:14px; padding-top:5px;}
	
	.advant_title_m_2{ width:100%; background-color:#325dc6; color:#fff; padding:16px 0 14px 0;}
	.advant_title_m_2 h3{ font-size:24px; font-weight:bold;}
	.advant_title_m_2 p{ font-size:15px; padding-top:6px;}
	.advant_title_m_2 span{ font-size:12px}
	
	.advant_content_1{ text-align:center; padding-top:25px;}
	.advant_content_2{ padding-top:30px;}
	.advant_content_2 dl dt span{ width:30px; height:auto; background:none; background-color:#325dc6; padding:7px 0 7px 0px; text-align:center; font-size:18px;}
	.advant_content_2 dl dt div{ padding-top:12px; padding-left:5px;}
	.advant_content_2 dl dt div h3{ font-size:14px;}
	.advant_content_2 dl dt div p{ display:none}
	.advant_content_main{ padding-top:10px;}
	
    .about_title div{ font-size:14px}
	.about_index{ background:none; margin-top:25px; padding-bottom:10px; min-height:auto;}
	.about_content{ width:100%; background-color:#325dc6; padding-top:15px; font-size:16px; padding-bottom:15px; margin-top:15px;}
	.about_content_1{ width:100%; background-color:#325dc6; padding:15px 15px 15px 15px; font-size:13px; line-height:23px; max-height:366px; overflow:hidden;}
	
	.process dl dd{ padding:0px 13px 0 13px;}
	
	.foot_1{ margin-top:30px;}
	.foot_1_feed_main{ width:100%}
	.foot_1_feed{ background:none; margin-top:20px; background-color:#f9b200}
	.foot_r{ margin-top:20px;}
	.foot_r i{ font-size:15px;}
    .foot_r span{ font-size:14px; color:#fff}
	.foot_r_content{ padding-top:10px;}
	.foot_r_content h3{ padding-top:10px;}
	
	.pro_in h3{ padding-top:13px;}
	
	.proimg-move{ display:block;}
	.proimg-pc{ display:none;}
	.proimg-move img{ width:100%; border:solid #ddd 3px; margin-bottom:14px; padding:1px;}
	
	.detail_in_2{ padding-top:5px;}
	.detail_in_2 dl{ padding:8px 0 8px 0}
	
	.culture{ min-height:auto;}
	
	.contact_in{ height:auto;}
	
	.contact_agent .contact_agent_content{ height:auto;}
	
	.contact_in2{ padding-top:23px;}
	
	.service_2_list{ display:none}
	}

@media (min-width:768px) and (max-width:992px)
{
	.logo_small{ display:block;}
	.logo_big{ display:none;}
	
	#cssmenu > ul > li > a { padding:16px 15px 14px 15px; font-size:13px;}
	
	.about_top_2 p{ padding-top:15px; line-height:22px; font-size:12px;}
	
	.pro_c dl dt { width:380px;}
	.pro_c dl dd { width:340px;}
	.pro_q ul li{ width:126px;}
	.pro_desc ol li{ line-height:25px; font-size:13px; height:130px; overflow:hidden;}
	.pro_c{ margin-bottom:-115px;}
	
	.features_top_l{ height:160px;}
    .features_top_c{ height:160px;}
    .features_top_r{ height:160px;}
	.features_bottom_l_main{ height:160px;}
    .features_bottom_c{ height:160px;}
    .features_bottom_r_main{ height:160px;}
	
	.features_top_c_main{ padding:22px 0px 0 0px;}
    .features_top_c_main h3{ font-size:16px;}
    .features_top_c_main p{ font-size:12px; line-height:21px; padding-top:7px;}
	
	.features_bottom_l_main{ padding:22px 15px 0 15px;}
    .features_bottom_l_main h3{ font-size:16px;}
    .features_bottom_l_main p{ font-size:12px; line-height:20px; padding-top:7px;}
	
	.features_bottom_r_main{ padding:22px 15px 0 15px;}
    .features_bottom_r_main h3{ font-size:16px;}
    .features_bottom_r_main p{ font-size:12px; line-height:20px; padding-top:7px;}
	
	.advant_l{ padding-top:30px;}
	.advant_l h3{ font-size:26px;}
	
	.advant_r{ padding-top:24px; padding-left:30px;}
	.advant_r dl dt{ float:none}
	.advant_r dl dt{ font-size:20px; float:none}
	.advant_r dl dd h3{ font-size:15px;}
	.advant_r dl dd{ padding-left:0; width:auto}
	.advant_r dl dd p{ font-size:11px;}
	
	.advant_content_2{ padding-top:5px;}
	.advant_content_2 dl dt span{ width:60px; height:55px; background:none; background-color:#325dc6; padding:9px 0 0 0px; text-align:center}
	.advant_content_2 dl dt div h3{ font-size:18px;}
	.advant_content_2 dl dt div p{ font-size:11px; font-weight:normal; text-transform:none;}
	.advant_content_2 dl dt div{ padding-top:10px;}
	
	.about_content{ padding-top:50px; font-size:14px;}
	.about_content_1{ padding-top:20px; max-height:316px; overflow:hidden;}
	
	.process dl dd{ padding:0px 3px 0 3px;}
	
	.foot_r{ margin-top:-50px;}
	.foot_r i{ font-size:15px;}
    .foot_r span{ font-size:14px;}
	
	.proimg-move{ display:block;}
	.proimg-pc{ display:none;}
	.proimg-move img{ width:100%; border:solid #ddd 3px; margin-bottom:14px; padding:1px;}
	
	.culture{ min-height:260px;}
	
	.contact_agent .contact_agent_content{ height:147px;}
	
	.contact_in2{ padding-top:30px;}
	}

@media (min-width:992px) and (max-width:1200px)
{
	.header_2{ padding-top:7px;}
	
	#cssmenu > ul > li > a { padding:16px 24px 14px 25px; font-size:15px;}
	
	.pro_c dl dt { width:510px;}
	.pro_c dl dd { width:425px;}
	.pro_q ul li img{ width:170px;}
	.pro_desc ol li{ line-height:25px; font-size:13px;}
	.pro_c{ margin-bottom:-20px;}
	
	.features_top_l{ height:210px;}
    .features_top_c{ height:210px;}
    .features_top_r{ height:210px;}
	.features_bottom_l_main{ height:210px;}
    .features_bottom_c{ height:210px;}
    .features_bottom_r_main{ height:210px;}
	
	.advant_content_2 dl dt div h3{ font-size:24px;}
	
	.about_content{ padding-top:40px;}
	.about_content_1{ padding-top:30px;}
	
	.process dl dd{ padding:0px 19px 0 19px;}
	
	.culture{ min-height:236px;}
	
	.contact_agent .contact_agent_content{ height:125px;}
	}